<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>添加操作员 - ${siteName}</title>
	<meta name="description" content="">
	<meta name="author" content="xuzewei">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
	<link rel="stylesheet" type="text/css" href="../css/cloud-admin.css" >
	<link href="../font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<!--<link rel="stylesheet" href="../jiaoben/css/borain-timeChoice.css">
	<!-- DATE RANGE PICKER -->
	<link rel="stylesheet" type="text/css" href="../js/bootstrap-daterangepicker/daterangepicker-bs3.css" />
	<!-- UNIFORM -->
	<link rel="stylesheet" type="text/css" href="../js/uniform/css/uniform.default.min.css" />
	<!-- ANIMATE -->
	<link rel="stylesheet" type="text/css" href="../css/animatecss/animate.min.css" />
	<!-- HUBSPOT MESSENGER -->
	<link rel="stylesheet" type="text/css" href="../js/hubspot-messenger/css/messenger.min.css" />
	<link rel="stylesheet" type="text/css" href="../js/hubspot-messenger/css/messenger-theme-flat.min.css" />
	<!-- STYLESHEETS --><!--[if lt IE 9]><script src="../js/flot/excanvas.min.js"></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
	<link rel="stylesheet" type="text/css" href="css/cloud-admin-frontend.css" >
	<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<!-- ANIMATE -->
    <link href="css/amimatecss/animate.min.css" rel="stylesheet">
	<!-- COLORBOX -->
	<link rel="stylesheet" type="text/css" href="js/colorbox/colorbox.min.css" />
	<!-- CAROUSEL -->
    <link href="css/carousel.css" rel="stylesheet">
	<!-- FONTS -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>
</head>
<body id="app" ng-app="app" ng-controller="ctrl">
<!-- FEATURES UNIT -->
		<section id="features" class="color-light">
			<div class="container">
				<div class="divide40"></div>
				<div class="row">
					<div class="col-md-12">
							<h2 class="text-center">
							<span class="bigintro">显示结果</span>
							</h2>
					</div>
				</div>
				<div class="divide60"></div>
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<div class="feature">
							<i class="extralarge fa fa-bar-chart-o"></i>
							<br/><br/>
							<h3>时间的安排</h3>
							<br/>
							<p>{{pagerResp.warn.s1}}</p>
							<p>{{pagerResp.warn.s2}}</p>
							<p>{{pagerResp.warn.s3}}</p>
							<p>情景1：飞机起飞前2小时到达，错过航班几率2%；</p>
							<p>情景2：飞机起飞前1.5小时到达，错过航班几率5%；</p>
							<p>情景3：飞机起飞前1小时到达，错过航班几率15%。</p>
							
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="feature">
							<i class="extralarge fa fa-video-camera"></i>
							<br/><br/>
							<h3>和你相似的案例</h3>
							<br/>
							<p>{{pagerResp.kword[0].content}}</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="feature">
							<i class="extralarge fa fa-bullhorn"></i>
							<br/><br/>
							<h3>解决方案</h3>
							<br/>
							<p>{{pagerResp.warn.startime}}</p>
							<p>{{pagerResp.warn.advancetime}}</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="feature">
							<i class="extralarge fa fa-picture-o"></i>
							<br/><br/>
							<h3>Design</h3>
							<br/>
							
						</div>
					</div>
				</div>
				<div class="divide60"></div>
			</div>
		</section>
				<!-- SIGNUP -->
		<section id="signup-again" class="color-primary pattern text-center">
			<section class="container">
				<div class="divide20"></div>
				<div class="row">
					<div class="col-md-12">
						<h3 class="centered big call-to-action">
						Try out our 30-day trial package
						</h3>
					</div>
				</div>
				<div class="divide20"></div>
				<div class="row">
					<form class="form-inline centered" role="form">
						<div class="form-group">
							<label class="sr-only" for="exampleInputEmail2">Email address</label>
							<input type="email" class="form-control input-lg" id="exampleInputEmail2" placeholder="Enter your email address">
						</div>
					</form>
				</div>
				<br/>
				<div class="row">
					<button type="submit" class="btn btn-warning btn-lg">Get started for free</button>
				</div>
				<div class="divide20"></div>
			</section>
		</section>
		<!--/SIGNUP -->
	<!--/PAGE -->
	
	<!-- JAVASCRIPTS -->
	<!-- Placed at the end of the document so the pages load faster -->
	<!-- JQUERY -->
	<script src="../js/jquery/jquery-2.0.3.min.js"></script>
	<!-- JQUERY UI-->
	<script src="../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
	<!-- BOOTSTRAP -->
	<script src="../bootstrap-dist/js/bootstrap.min.js"></script>
	<!-- DATE RANGE PICKER -->
	<script src="../js/bootstrap-daterangepicker/moment.min.js"></script>
	<script src="../js/bootstrap-daterangepicker/daterangepicker.min.js"></script>
	<!-- SLIMSCROLL -->
	<script type="text/javascript" src="../js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script>
	<script type="text/javascript" src="../js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js"></script>
	<!-- BLOCK UI -->
	<script type="text/javascript" src="../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
	<!-- JQGRID -->
	<script type="text/javascript" src="../js/jqgrid/js/grid.locale-en.min.js"></script>
	<script type="text/javascript" src="../js/jqgrid/js/jquery.jqGrid.min.js"></script>
	<!-- COOKIE -->
	<script type="text/javascript" src="../js/jQuery-Cookie/jquery.cookie.min.js"></script>
	<!-- HUBSPOT MESSENGER -->
	<script type="text/javascript" src="../js/hubspot-messenger/js/messenger.min.js"></script>
	<script type="text/javascript" src="../js/hubspot-messenger/js/messenger-theme-flat.js"></script>
	<script type="text/javascript" src="../js/hubspot-messenger/js/messenger-theme-future.js"></script>
	<script src="../js/script.js"></script>
	<!-- ANGULAR-LIBRARY -->
	<script src="../angular-1.5.0-rc.2/angular.js"></script>
	<!-- CUSTOM SCRIPT -->
	<script src="../include/common.js"></script>
	<script>
	var app = angular.module("app", []);
	app.controller('ctrl', function($scope, $http, $httpParamSerializer, $injector, $window) {
		
		$scope.search = function() {
			console.log('${param.id}');
			$scope.reloadType = "search";
			var reqDate = jQuery.param({
				"id": '${param.id}'
			});
			var reqConfig = { headers: { "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"} };
			$http.post(
				"../api/skySetAction/getFruit", reqDate, reqConfig
			).success(function(data, status) {
				if (isErr(data)) {
					showErrMsg(data);
					return;
				}
				$scope.pagerResp = data.response;
				console.log(data.response);
			}).error(function(data, status) {
				showNetworkErrMsg(data, status);
			});
		};
		
		$scope.reload = function() {
			$scope.search();
		};    
		$scope.logout = function() {
			logout($window);
		};
	});
	</script>
	<script>
	jQuery(document).ready(function() {
		App.init();
		jQuery('#nav_admin_user').click();
		 setTimeout(function () { 
			var scope = angular.element('#app').scope();
			scope.reload();
		}, 500); 
	});
	</script>
	<!-- /JAVASCRIPTS -->
</body>
</html>